{include file="index@public/header" /}
<style>
    .fankui{
        position:absolute;
        top:3em;
        width:80%;
        margin:10%;
        overflow: auto;
        height:500px;
    }
    .fankui .menu{
        background: #ddd;
        margin: .5em;
        height: 2em;
        line-height: 2em;
    }
    .fankui .menu .active{
        background: #fff;
    }
    .fankui .yijian textarea,.fankui .yijian button{
        margin-top:2em;
    }
</style>
<div class = "fankui">
    <div>
        <div class = "col-xs-12 menu">
            <div class = "col-xs-6 active text-center" onclick = "fankui($(this),'tousu','yijian')">意见反馈</div>
            <div class = "col-xs-6 text-center" onclick = "fankui($(this),'yijian','tousu')">不良信息投诉</div>
        </div>
        <form class = "col-xs-12 yijian" action = "{:url('index/index/yijian')}">
            <textarea rows = "6" name = "content" class = "col-xs-12 form-control" placeholder = "网站现有却无法使用的功能、对网站的建议及愿景等..." required></textarea>
            <div class = "text-center"><button type = 'submit' class = "btn btn-primary">提交</button></div>
        </form>
        <form class = "col-xs-12 tousu" action = "{:url('index/index/tousu')}" style = "display:none;top:2em;">
            <div class="form-group">
                <label>对方YY号</label>
                <input type="number" class="form-control" placeholder="对方YY号" maxlength="12" name = "jieuid" required/>
            </div>
            <div class="form-group">
                <label>投诉内容</label>
                <textarea class="form-control" rows = "3" name = "content" placeholder="投诉内容" required></textarea>
            </div>
            <div class="form-group">
                <label>您的联系方式</label>
                <select name = "type" class = "form-control">
                    <option selected value = '0'>QQ</option>
                    <option value = '1'>微信</option>
                    <option value = '2'>电话</option>
                    <option value = '3'>YY号</option>
                </select>
            </div>
            <div class="form-group">
                <label></label>
                <input type="text" class="form-control" placeholder="联系方式" name = "lianxi" required/>
            </div>
            <div class="form-group text-center">
                <button type = 'submit' class = "btn btn-primary">提交</button>
            </div>
        </form>
    </div>
</div>
<script type="text/javascript">
    function fankui(data,diyi,dier){
        data.addClass('active');
        data.siblings().removeClass("active");
        $("."+diyi+"").css('display','none');
        $("."+dier+"").css('display','block');
    }
</script>
{include file="index@public/footer" /}